<template>
  <div id="app">
    <meta charset="UTF-8" />
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover"> -->
    <link rel="icon" href="./assets/logo.ico" type="image/x-icon" />
    <router-view />
  </div>
</template>
<script></script>

<style lang="less">
#dark {
  .error404 {
    background-color: #0e092b;
    .left {
      float: left;
      color: #fff;
      width: 70%;
      padding-top: 50px;
      h3 {
        font-size: 80px;
        font-family: "schoolh3";
        font-weight: normal;
        line-height: 120px;
      }
      .p0 {
        font-size: 62px;
        font-family: "schoolh3";
        font-weight: normal;
      }
      .p1 {
        font-size: 18px;
        line-height: 34px;
        padding-top: 30px;
        width: 75%;
      }
      .p2 {
        font-size: 18px;
        padding-top: 30px;
      }
      .btn {
        width: 142px;
        height: 40px;
        background-color: #d14649;
        color: #000;
        text-align: center;
        line-height: 40px;
        display: block;
        margin: 20px 0;
        cursor: pointer;
        transition: 0.5s;
      }
      .btn:hover {
        background-color: #fff;
        color: #333;
      }
    }
  }
  .team {
    background-color: #0e092b;
    .el-timeline-item__content {
      color: #fff;
    }
    .el-timeline-item__timestamp {
      color: #fff;
    }

    .box {
      width: 650px;
      margin: 0 auto 40px auto;
      padding-top: 40px;
      color: #ffffff;
      line-height: 26px;
      h3 {
        line-height: 60px;
        font-size: 48px;
        color: #fff;
        text-align: center;
        margin-bottom: 15px;
        font-family: "schoolh3";
        font-weight: normal;
      }
      .title {
        text-align: center;
        margin-bottom: 30px;
        color: #ffffff;
      }
      .line {
        border-bottom: 2px solid #fff;
        width: 35px;
        margin: auto;
        margin-bottom: 25px;
      }
      .text {
        text-align: center;
      }
    }
  }
  .Navigation {
    background-color: #0e092b;
    .box {
      width: 980px;
      margin: 0 auto 40px auto;
      padding-top: 40px;
      color: #fff;
      h3 {
        line-height: 60px;
        font-size: 46px;
        color: #fff;
        text-align: center;
        font-family: "schoolh3";
        font-weight: normal;
      }
    }
  }
  .Mangebg {
    background-color: #0e092b;
    .main .table td,
    .main th {
      background-color: #0e092b;
      color: #fff;
    }
    .table .el-table tr:hover {
      background-color: #000;
    }
    .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
      background-color: rgb(13 13 17);
      color: #fff;
    }

    .el-table td.el-table__cell,
    .el-table th.el-table__cell.is-leaf {
      border-bottom: 1px solid #ebeef5;
    }
  }
  .titleH3 {
    color: #fff;
    font-size: 56px;
    font-weight: normal;
    padding: 1px 0 20px 0;
    margin-left: 85px;
    margin-top: 80px;
  }
  .personalInfo {
    .main {
      margin-left: 60px;
      width: 800px;
      border: 1px solid #000;
      padding-left: 30px;
      padding-top: 20px;
      padding-bottom: 20px;

      .title {
        padding: 5px 0;
        font-size: 14px;
        color: #fff;
      }
      .input {
        padding: 5px 0;
        font-size: 14px;
        border: 1px solid #333;
        background-color: #0e092b;
        color: #fff;
        width: 550px;
        height: 20px;
      }
      .btn {
        width: 80px;
        height: 20px;
        font-size: 14px;
        background-color: #d14649;
        color: #3e3131;
        text-align: center;
        line-height: 20px;
        display: block;
        margin: 0 auto;
        float: right;
        margin-top: 21px;
        margin-right: 20px;
      }
      .btnCode {
        width: 150px;
        height: 20px;
        font-size: 14px;
        background-color: #646464;
        color: #fff;
        text-align: center;
        line-height: 1px;
        display: block;
        margin: 0 auto;
        float: right;
        border: none;
        border-radius: none;

        margin-top: 2px;
        margin-right: 20px;
      }
    }
  }
  .videoUpload {
    height: 100%;

    .main {
      margin-left: 60px;
      width: 800px;

      padding-left: 30px;
      padding-top: 20px;
      .el-select {
        width: 320px;
      }
      .el-input__inner {
        border: 1px solid #333;
        background-color: #0e092b;
      }
      ul li {
        float: left;
        height: 70px;
        margin-right: 20px;
        width: 362px;
      }

      .title {
        padding: 5px 0;
        font-size: 14px;
        color: #fff;
      }
      .input {
        padding: 5px 0;
        font-size: 14px;
        border: 1px solid #333;
        background-color: #0e092b;
        color: #fff;
        width: 320px;
        height: 20px;
      }
      .btn {
        cursor: pointer;
        width: 120px;
        height: 30px;
        font-size: 14px;
        background-color: #d14649;
        color: #3e3131;
        text-align: center;
        line-height: 30px;
        display: block;
        margin-top: 30px;
      }
      .btn1 {
        height: 30px;
        font-size: 14px;
        background-color: #d14649;
        color: #3e3131;
        text-align: center;
        line-height: 1;
        display: block;
        margin: 0 auto;
        margin-top: 30px;
        border: none;
      }
    }
  }
  .footer {
    color: #333;
    background-color: #e6f2ee;

    .bottom {
      height: 40px;
      line-height: 40px;
      text-align: center;
      span {
        padding-left: 15px;
      }
    }
  }
}
#light {
  .error404 {
    background-color: #e6f2ee;
    .left {
      float: left;
      color: #000;
      width: 70%;
      padding-top: 50px;
      h3 {
        font-size: 80px;
        font-family: "schoolh3";
        font-weight: normal;
        line-height: 120px;
      }
      .p0 {
        font-size: 62px;
        font-family: "schoolh3";
        font-weight: normal;
      }
      .p1 {
        font-size: 18px;
        line-height: 34px;
        padding-top: 30px;
        width: 75%;
      }
      .p2 {
        font-size: 18px;
        padding-top: 30px;
      }
      .btn {
        width: 142px;
        height: 40px;
        background-color: #d14649;
        color: #000;
        text-align: center;
        line-height: 40px;
        display: block;
        margin: 20px 0;
        cursor: pointer;
        transition: 0.5s;
      }
      .btn:hover {
        background-color: #fff;
        color: #333;
      }
    }
  }
  .team {
    background-color: #e6f2ee;
    .el-timeline-item__content {
      color: #333;
    }
    .el-timeline-item__timestamp {
      color: #333;
    }
    .box {
      width: 650px;
      margin: 0 auto 40px auto;
      padding-top: 40px;
      color: #333;
      line-height: 26px;
      h3 {
        line-height: 60px;
        font-size: 48px;
        color: #333;
        text-align: center;
        margin-bottom: 15px;
        font-family: "schoolh3";
        font-weight: normal;
      }
      .title {
        text-align: center;
        margin-bottom: 30px;
        color: #333;
      }
      .line {
        border-bottom: 2px solid #333;
        width: 35px;
        margin: auto;
        margin-bottom: 25px;
      }
      .text {
        text-align: center;
      }
    }
  }
  .Navigation {
    background-color: #e6f2ee;
    .box {
      width: 980px;
      margin: 0 auto 40px auto;
      padding-top: 40px;
      color: #333;
      h3 {
        line-height: 60px;
        font-size: 46px;
        color: #333;
        text-align: center;
        font-family: "schoolh3";
        font-weight: normal;
      }
    }
  }
  .Mangebg {
    background-color: #e6f2ee;
    .main .table td,
    .main th {
      background-color: #e6f2ee;
      color: #333;
    }
    .el-table td.el-table__cell,
    .el-table th.el-table__cell.is-leaf {
      border-bottom: 1px solid #333;
    }
    .table .el-table tr:hover {
      background-color: #000;
    }
    .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
      background-color: rgb(13 13 17);
      color: #fff;
    }
  }
  .titleH3 {
    color: #333;
    font-size: 56px;
    font-weight: normal;
    padding: 1px 0 20px 0;
    margin-left: 85px;
    margin-top: 80px;
  }
  .personalInfo {
    .main {
      margin-left: 60px;
      width: 800px;
      border: 1px solid #000;
      padding-left: 30px;
      padding-top: 20px;
      padding-bottom: 20px;

      .title {
        padding: 5px 0;
        font-size: 14px;
        color: #333;
      }
      .input {
        padding: 5px 10px;
        font-size: 14px;
        border: 1px solid #333;
        // background-color: #0e092b;
        color: #333;
        width: 530px;
        height: 20px;
      }
      .btn {
        width: 80px;
        height: 20px;
        font-size: 14px;
        background-color: #d14649;
        color: #3e3131;
        text-align: center;
        line-height: 20px;
        display: block;
        margin: 0 auto;
        float: right;
        margin-top: 21px;
        margin-right: 20px;
      }
      .btnCode {
        width: 150px;
        height: 20px;
        font-size: 14px;
        background-color: #646464;
        color: #fff;
        text-align: center;
        line-height: 1px;
        display: block;
        margin: 0 auto;
        float: right;
        border: none;
        border-radius: none;

        margin-top: 2px;
        margin-right: 20px;
      }
    }
  }
  .videoUpload {
    height: 100%;

    .main {
      margin-left: 60px;
      width: 800px;

      padding-left: 30px;
      padding-top: 20px;
      .el-select {
        width: 320px;
      }
      .el-input__inner {
        border: 1px solid #333;
        // background-color: #0e092b;
      }
      ul li {
        float: left;
        height: 70px;
        margin-right: 20px;
        width: 362px;
      }

      .title {
        padding: 5px 0;
        font-size: 14px;
        color: #333;
      }
      .input {
        padding: 5px 10px;
        font-size: 14px;
        border: 1px solid #333;
        // background-color: #0e092b;
        color: #333;
        width: 300px;
        height: 20px;
      }
      .btn {
        cursor: pointer;
        width: 120px;
        height: 30px;
        font-size: 14px;
        background-color: #d14649;
        color: #3e3131;
        text-align: center;
        line-height: 30px;
        display: block;
        margin-top: 30px;
      }
      .btn1 {
        height: 30px;
        font-size: 14px;
        background-color: #d14649;
        color: #3e3131;
        text-align: center;
        line-height: 1;
        display: block;
        margin: 0 auto;
        margin-top: 30px;
        border: none;
      }
    }
  }
  .footer {
    .bottom {
      background-color: #0e092b;
      color: #fff;
      height: 40px;
      line-height: 40px;
      text-align: center;
      span {
        padding-left: 15px;
      }
    }
  }
}
body,
html,
#app {
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  height: 100%;
  font-size: 16px;
}
* {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
#app {
  .el-dialog {
    background-color: #0e092b;
    border: 1px solid #c3c3c3;
  }
  .el-dialog__title {
    color: #fff;
  }
  .el-menu--horizontal > .el-menu-item {
    border-bottom: none;
  }
}
.el-dialog__wrapper {
  .el-dialog {
    background-color: #0e092b;
    border: 1px solid #c3c3c3;
  }
  .el-dialog__title {
    color: #fff;
    display: block;
    text-align: center;
  }
}
.post_body p {
  margin: 34px 0;
  text-align: justify;
}
</style>
